body {
  font-family: '-apple-system', 'Noto Sans', 'Helvetica Neue', Helvetica, 'Nimbus Sans L', Arial, 'Liberation Sans',
    'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei',
    'Wenquanyi Micro Hei', 'WenQuanYi Zen Hei', 'ST Heiti', SimHei, 'WenQuanYi Zen Hei Sharp', sans-serif;

  background: $grey-1;
}

canvas {
  display: block;
}

a.text {
  color: inherit;
  text-decoration: none;
}

.long-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu-width {
  min-width: 160px;
}

.tab-width {
  width: 200px;
}

.tab-panels {
  background-color: $grey-1;
}

.tab-panels--dark {
  background-color: $dark-page;
}

.border-grey {
  border-color: $grey-7 !important;
}

.cursor-default {
  cursor: default !important;
}

.border-positive {
  color: $positive !important;
}

.text-black-occupied {
  color: #404040 !important;
}

.bg-black-occupied {
  background: #404040 !important;
}

.border-black-occupied {
  border-color: #404040 !important;
}

.text-red-occupied {
  color: $negative !important;
}

.bg-red-occupied {
  background: $negative !important;
  &:hover {
    background: $red-10 !important;
  }
}

.border-red-occupied {
  border-color: $negative !important;
}

.text-yellow-manual {
  color: $yellow-10 !important;
}

.bg-yellow-manual {
  background: $yellow-10 !important;
}

.border-yellow-manual {
  border-color: $yellow-10 !important;
}

.text-offline {
  color: $grey-6 !important;
}

.bg-offline {
  background: $grey-6 !important;
}

.border-offline {
  border-color: $grey-6 !important;
}

.bg-grey {
  background-color: white !important;
  &:hover {
    transition: all 150ms;
    background-color: $grey-4 !important;
  }
}

.bg-grey--dark {
  background-color: #2a2a2a !important;
  &:hover {
    transition: all 150ms;
    background-color: #414141 !important;
  }
}

// 搜索栏的input的placeholder颜色
.search .q-field__native {
  color: rgba(202, 202, 202, 0.6);
}

// tab选项卡的标题样式
.q-tab__label {
  font-size: 18px !important;
}
.bottom-right .q-tabs__content .text-primary {
  color: #ebc347 !important;
}

.tabInfo .q-tabs__content .text-primary {
  color: #ebc347 !important;
}

.my_tab_custom_style .q-tabs__content .text-primary {
  color: #ebc347 !important;
}

// 筛选框placeholder
.q-field--dark .q-field__native,
.q-field--dark .q-field__prefix,
.q-field--dark .q-field__suffix,
.q-field--dark .q-field__input::placeholder {
  color: rgba(196, 195, 195, 0.8);
}

// 页面选中三角形
.newStyle .q-icon {
  font-size: 0em;
}
.newStyleNow .q-icon {
  font-size: 0em;
}

.transparent {
  background: rgba(0, 0, 0, 0);
}
